<ion-header>
    <ion-toolbar content-page  class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backToProPage()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>增员对象详情</ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
    <div class="box">
        <div class="item"><i class="sex" [ngClass]="{'male':addStaffItem.sex == 'M','female':addStaffItem.sex == 'F','unknow':!addStaffItem.sex}"></i></div>
        <div class="item userName">{{addStaffItem.name}}</div>
        <div class="item">{{addStaffItem.age}}{{addStaffItem.age?'岁':''}}</div>
    </div>
</ion-header>
<ion-content>
    <div class="title">
        增员进度
    </div>
    <div class="process">
        <div class="row">

            <div class="col" [ngClass]="{'active':process>0}">候选人</div>
            <div class="col" [ngClass]="{'active':process>1}">虚拟工号</div>
            <div class="col" [ngClass]="{'active':process>2}">ITC结训</div>
            <div class="col" [ngClass]="{'active':process>3}">入司</div>
        </div>
        <div class="bar"><div class="bar-inner" [ngClass]="{'step_1':process == 1,'step_2':process == 2,'step_3':process == 3,'step_4':process == 4}"></div></div>
        <div class="row">
            <div class="col">{{addStaffItem.candidateTime|dateTrans:'YYYY/MM/DD'}}</div>
            <div class="col">{{addStaffItem.virtualTime|dateTrans:'YYYY/MM/DD'}}</div>
            <div class="col">{{addStaffItem.itcTime|dateTrans:'YYYY/MM/DD'}}</div>
            <div class="col">{{addStaffItem.onbroadingTime|dateTrans:'YYYY/MM/DD'}}</div>
        </div>
    </div>
    <div class="title">
        <span>基本信息</span>
        <span (click)="editStaff()"><i></i>编辑</span>
    </div>
    <div class="content">
        <div class="row">
            <div class="col">姓名</div>
            <div [class]="addStaffItem.name?'col':'col empty'">{{addStaffItem.name?addStaffItem.name:'-'}}</div>
        </div>
        <div class="row">
            <div class="col">性别</div>
            <div [class]="addStaffItem.sex?'col':'col empty'">{{addStaffItem.sex|sexPipe}}</div>
        </div>
        <div class="row">
            <div class="col">生日</div>
            <div [class]="addStaffItem.birthday?'col':'col empty'">{{addStaffItem.birthday?(addStaffItem.birthday|dateTrans:'YYYY/MM/DD'):'-'}}</div>
        </div>
        <div class="row"
             *ngFor="let phone of (addStaffItem.mobileList && addStaffItem.mobileList.length>0&&addStaffItem.mobileList[0].mobile)?addStaffItem.mobileList:[''] index as index">
            <div class="col">电话{{index>=1?index+1:''}}</div>
            <div [class]="phone.mobile?'col':'col empty'">{{phone.mobile?phone.mobile:'-'}}</div>
        </div>
        <div class="row">
            <div class="col">学历</div>
            <div [class]="addStaffItem.education?'col':'col empty'">{{addStaffItem.education|educationPipe}}</div>
        </div>
        <div class="row">
            <div class="col">工作年限</div>
            <div [class]="addStaffItem.workingYears?'col':'col empty'">{{(addStaffItem.workingYears || addStaffItem.workingYears == 0)?addStaffItem.workingYears:'-'}}{{(addStaffItem.workingYears||addStaffItem.workingYears==0)?'年':''}}</div>
        </div>
        <div class="row">
            <div class="col">婚否</div>
            <div [class]="addStaffItem.isMarry?'col':'col empty'">{{addStaffItem.isMarry|marryPipe}}</div>
        </div>
        <div class="row">
            <div class="col">子女数量</div>
            <div [class]="addStaffItem.childNum?'col':'col empty'">{{addStaffItem.childNum?getChildNum(addStaffItem.childNum):'-'}}</div>
        </div>
        <div class="row">
            <div class="col">年收入</div>
            <div [class]="addStaffItem.income?'col':'col empty'">{{addStaffItem.income?addStaffItem.income:'-'}}</div>
        </div>
        <div class="row">
            <div class="col">名单来源</div>
            <div [class]="addStaffItem.source?'col':'col empty'">{{addStaffItem.source?addStaffItem.source:'-'}}</div>
        </div>
    </div>
    <!--<div class="title">
        <span>增员跟进情况</span>
        <span (click)="goToNote()">查看详情</span>
    </div>-->
    <div class="follow">
        <client-detail-progress *ngIf="getProgress.clientId" [typeNum]="2"  [pageStatus]="intoPage" [requestSuccess]="progressRequest" [progressList]="progressList" (detail)="goToNote(currentClientNum)"></client-detail-progress>
    </div>
</ion-content>
